// 获取当前的打包环境
const env = process.env.NODE_ENV
// 打包排除项
let externals = {}
if (env === 'production') {
  //  externals对象中的文件表示：上线的时候不需要打包node_modulesh中的js文件，就使用cdn
  externals = {
    // import 时的包名称: window 全局的成员名称
    //   属性名：包的名字   属性值：导入包的对象名字
    vue: 'Vue',
    'vue-router': 'VueRouter',
    vuex: 'Vuex',
    axios: 'axios',
    dayjs: 'dayjs',
    echarts: 'echarts',
    'element-ui': 'ELEMENT',
    'vue-quill-editor': 'VueQuillEditor'
  }
}

// 覆盖默认的webpack配置
module.exports = {
  publicPath: './',
  devServer: {
    port: 3000, // 自定义端口
    open: true // 自动打开页面
  },
  // 增强 vue-cli 的 webpack 配置项
  configureWebpack: {
    // 打包优化
    externals: externals
  }
}
